<template>
  <div class="register">
    <register-item class="register-item">
      <img slot="left" class="home-img" src="~assets/img/profile/register_to.jpg" alt="" />
      <div slot="center">
        <div class="user">盈盈楼上_你</div>
        <div class="phone">暂无绑定手机号</div>
      </div>
      <img
        slot="right"
        src="~assets/img/profile/register.svg"
        @click="RegisetClick"
        alt=""
      />
    </register-item>
  </div>
</template>

<script>
import RegisterItem from "components/common/register/RegisterItem.vue";

export default {
  naem: "register",
  components: {
    RegisterItem,
  },
  methods: {
    RegisetClick() {
      this.$emit("RegisetClick")
     
    },
  },
  computed: {},
};
</script>

<style scoped>
.register {
  background: url("../../../assets/img/regisetr/login2.jpg");
  border: 3px solid seashell;
}

.home-img{
  box-shadow: 4px 6px 10px #c9dbdd;

}

.user {
  margin-top: 20px;
  margin-left: 10px;
  font-size: 22px;
  font-weight: bold;
}

.phone {
  line-height: 50px;
}

.register-item img {
  width: 100%;
  margin-left: 10px;

  border-radius: 50%;
  border: 3px solid seashell;
}
</style>
